<template>
	<view class="whole">
		<image class="bg" src="../../static/image/sucai.jpg"></image>
		<view class="loginIn-page">
			<view class="login">
				<view class="login-title">请正确填写信息</view>
				<view class="login-inp">
					<input placeholder="名字"/>
				</view>
				<view class="login-inp">
					<input type="idcard" maxlength="18" placeholder="身份证号码" />
				</view>
				<view class="login-inp">
					<input placeholder="驾驶证编号" />
				</view>
				<view class="login-inp">
					<input placeholder="车牌号" />
				</view>
				<view class="login-inp">
					<input placeholder="车型" />
				</view>
				<view class="login-inp">
					<input placeholder="车的颜色" />
				</view>
				<view class="login-inp">
					<input placeholder="车主图片" />
				</view>
				<view class="login-inp">
					<input type="number" placeholder="驾龄" />
				</view>
				<view class="login-inp">
					<input placeholder="车品牌" />
				</view>
				<button class="login-register" @click="toupload">完成</button>
			</view>
		</view>
	</view>		
</template>

<script>
	export default {
			name:"driver-component",
		data() {
			return{
				
			}
		},
		methods:{
			toupload(){
				uni.navigateTo({
					url:'/pages/works/upload'
				})
			}
		}
	}
</script>

<style>
	.whole{
		display: flex;
		justify-content: center;
	}
	.bg{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.loginIn-page{
		position: absolute;
		width: 70%;
		margin-top: 130rpx;
	}
	.login-title{
		font-size: 60rpx;
		padding-left: 52rpx;
	}
	.login-inp{
		border-radius: 45rpx;
		background-color: rgba(255,255,255,0.97);
		height: 90rpx;
		margin: 20rpx;
		padding-left: 30rpx;
	}
	.login-inp input{
		padding: 22.5rpx;
	}
	.login button{
		background-color: rgba(131,231,230,0.97);
		border-radius: 45rpx;
		width: 200rpx;
	}
</style>